<script setup lang="ts">

import {useStore} from "vuex";

const store = useStore()
const goIndex = () =>{
  store.dispatch("auth/setActiveTab","index")
  uni.switchTab({
    url:"/pages/index/index"
  })
}
</script>

<template>
  <view class="container">
    <view class="icon">
      <u-icon name="checkbox-mark" color="#ffffff" size="120"></u-icon>
    </view>
    <view class="message">
      支付成功，点击下面按钮返回首页
    </view>
    <view>
      <up-button type="success" text="返回首页" @click="goIndex"></up-button>
    </view>
  </view>
</template>

<style scoped>
.container{
  margin-top: 96rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 36rpx;
}
.icon{
  background-color: #A0E548;
  border-radius: 50%;
  width: 180rpx;
  height: 180rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message{
  font-size: 32rpx;
}
</style>